<template>
  <div class="main">
    <div class="main-top">
      <mainNav></mainNav>
      <mainCarousel></mainCarousel>
      <mainRecommend></mainRecommend>
    </div>
    <div class="main-page">
      <starGoods></starGoods><!--商品闪购-->
      <div class="autoMain marginTop30">
        <router-link to="//GoodsList/2">
          <img src="/static/images/ad/ad-center-a.png" alt="">
        </router-link>
      </div>
      <Intelligence></Intelligence><!--商品-->
      <div class="autoMain marginTop30">
        <router-link to="//GoodsList/2">
          <img src="/static/images/ad/ad-center-b.png" alt="">
        </router-link>
      </div>
      <MiNews></MiNews><!--新闻-->
    </div>
  </div>
</template>

<script>
import MainNav from '../components/Index/MainNav'
import MainCarousel from '../components/Index/MainCarousel'
import MainRecommend from '../components/Index/MainRecommend'
import StarGoods from '../components/Index/StarGoods'
import Intelligence from '../components/Index/Intelligence'
import HouseholdAppliances from '../components/Index/HouseholdAppliances'
import MiVideo from '../components/Index/MiVideo'
import MiNews from '../components/Index/MiNews'

export default {
  components: {
    'mainNav': MainNav,
    'mainCarousel': MainCarousel,
    'mainRecommend': MainRecommend,
    'starGoods': StarGoods,
    'miVideo': MiVideo,
    'HouseholdAppliances': HouseholdAppliances,
    'Intelligence': Intelligence,
    'MiNews': MiNews
  }
}
</script>
<style scoped lang="scss">
.main{
  >.main-top{
    width: 1226px;
    margin: 0 auto;
    background: #fff;
    position: relative;
  }
  .main-page{
    background: #f5f5f5;
    margin: 0 auto;
  }
}
</style>
